.active-componet{
  .active-list{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    color: #c7c7c7;

    .active-item{
      cursor: pointer;
      flex-grow: 1; /* 子元素平分父元素宽度 */
      .icon{
        font-size: 12px;
        margin-right: 5px;
      }
      i{
        // list-style: none;
        font-style: unset;
        margin: 0 1px;
      }
    }
  }
}